<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登录 - 黑龙江旅游</title>
    <link rel="stylesheet" href="D:\web1\travel\css\base.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\forms.css" type="text/css" media="all">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <!-- 顶部搜索栏和导航 -->
        <div class="top-bar">
            <div class="search-box">
                <form action="search.html" method="get">
                    <input type="text" name="keyword" placeholder="搜索景点、攻略...">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
            
            <ul class="top-nav">
                <li><a href="login.html"><i class="fa fa-user-circle"></i> 登录</a></li>
                <li><a href="register.html"><i class="fa fa-user-plus"></i> 注册</a></li>
                <li><a href="about.html"><i class="fa fa-info-circle"></i> 关于我们</a></li>
            </ul>
        </div>

        <!-- 主导航菜单 -->
        <div class="main-menu">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="history.html">历史沿革</a></li>
                <li><a href="geography.html">地理位置</a></li>
                <li><a href="culture.html">风俗文化</a></li>
                <li><a href="attractions.html">景点选择</a></li>
                <li><a href="products.html">名优特产</a></li>
                <li><a href="message.html">在线留言</a></li>
            </ul>
        </div>

        <!-- 内容区域 -->
        <div class="content">
            <div class="bar">
                <h3>用户登录</h3>
            </div>
            
            <div class="form-container">
                <form action="#" method="post" id="loginForm">
                    <div class="form-group">
                        <label for="login-account">账号</label>
                        <input type="text" id="login-account" name="account" class="form-control" 
                               placeholder="用户名或邮箱" required>
                    </div>

                    <div class="form-group">
                        <label for="login-password">密码</label>
                        <input type="password" id="login-password" name="password" class="form-control" 
                               minlength="6" required>
                    </div>

                    <div class="form-group" style="display: flex; justify-content: space-between; align-items: center;">
                        <label>
                            <input type="checkbox" name="remember"> 记住我
                        </label>
                        <a href="#" class="text-CCFF66">忘记密码？</a>
                    </div>

                    <button type="submit" class="btn">登录</button>

                    <div class="form-links">
                        <p>还没有账号？<a href="register.html">立即注册</a></p>
                    </div>
                </form>
            </div>
        </div>

        <!-- 页脚 -->
        <div class="end">
            <p>© 黑龙江旅游网 版权所有 | 联系电话：0451-12345678 | 地址：哈尔滨市南岗区中山路</p>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('loginForm');
            
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                
                // 实际项目中这里会发送登录请求到服务器
                alert('登录成功！即将跳转到首页');
                window.location.href = '../index.html';
            });
        });
    </script>
</body>
</html>